:root{
/* 字体颜色 begin */

/* 标题 */
  --color-font-title: #181C32;

  /* 正文 */
  --color-font-normal: #5E6278;

  /* 辅助文字 */
  --color-font-secondary: #181C3299;

  /* 占位 */
  --color-font-placeholder: #181C3266;

  /* 禁用 */
  --color-font-disabled: #5E627866;

  /* 背景色字体反转  */
  --color-font-reverse: #FFF;

/* 字体颜色 end */

/* 背景色 begin */

/* 表格表头 */
--color-bg-table-header: #EAEEF2;

/* 页面标签 */
--color-bg-page-tag: #F5F8FA;

/* 整体页面背景 */
--color-bg-page: #F5F8FA;

/* 左侧导航背景/内容区域背景 */
--color-bg-page-content: #FFF;

/* 输入框、表格悬浮、表单下拉面板选中 */
--color-bg-input: #F5F8FA;

/* 双色图标背景色 */
--color-bg-icon: #F3F6F9;

/* 背景色 end */

/* 双色图标 begin */

/* 无背景-深色 */
--color-icon-dark: #A1A5B7;
--color-icon-light: #E3E4E9;
--color-bgicon-dark: #71778D;
--color-bgicon-light: #B9BAC5;

/* 双色图标 end */

/* 功能色 begin */

/* 信息提示 */
--color-primary: #029EF7;
--color-info: var(--color-primary);

/* 成功提示 */
--color-success: #50CD89;

/* 失败提示 */
--color-error: #F1416C;

/* 警告提示 */
--color-warning: #FFC700;

/* 功能色 end */

/* 分割线 begin */
--color-divider: #F0F3F5;

/* 表格分割线 */
--color-divider-table: #F5F8FA;

/* 分割线 end */

/* 标签 begin */

/* 主色 */
--color-tag-primary: var(--color-primary);
--color-tag-primary-light: #E5F5FE;

/* 辅助色 */
--color-tag-success: var(--color-success);
--color-tag-success-light: #E6F8EE;

/* 辅助色 */
--color-tag-error: var(--color-error);
--color-tag-error-light:  #FDECF0;;

/* 辅助色 */
--color-tag-warning: var(--color-warning);
--color-tag-warning-light:  #FFC700;

/* 标签 end */

/* 按钮 begin */

/* 次要按钮 */
--color-bg-button-secondary:  #D9F1FE;
--color-font-button-secondary:   #029EF7;
--color-bg-button-secondary-mousedown:  #B4E2FC;
--color-font-button-secondary-mousedown:   #029EF7;
--color-bg-button-secondary-hover:  #CDEDFD;
--color-font-button-secondary-hover:   #029EF7;
--color-bg-button-secondary-disabled:  #CDEDFD;
--color-font-button-secondary-disabled: #AFDFFC;


/* 按钮 end */



}

:root.dark{
  /* 字体颜色 begin */

/* 1 标题 #FFFFFF 90% */
--color-font-title: #FFFFFFE6;

/* 2 正文 */
--color-font-normal: #92929F;

/* 3 辅助文字 #FFFFFF 60% */
--color-font-secondary: #FFF9;

/* 4 占位 #FFFFFF 40% */
--color-font-placeholder: #FFF6;

/* 5 禁用 #92929F 40% */
--color-font-disabled: #92929F66;

/* 背景色字体反转  */
--color-font-reverse: #5E6278;

/* 字体颜色 end */

/* 背景色 begin */

/* 6 表格表头 #28283C 70% */
--color-bg-table-header: #28283CB3;

/* 7 页面标签 #28283C */
--color-bg-page-tag: #28283C;

/* 9 整体页面背景 #151521 */
--color-bg-page: #151521;

/* 10 左侧导航背景/内容区域背景 #1E1E2D */
--color-bg-page-content: #1E1E2D;

/* 11 输入框、表格悬浮、表单下拉面板选中 #2B2B40 */
--color-bg-input: #2B2B40;

/*  15 双色图标背景色 #2B2B40 */
--color-bg-icon: #2B2B40;

/* 背景色 end */

/* 双色图标 begin */

/* 13 无背景-深色 #50526B */
--color-icon-dark: #50526B;

/* 14 无背景-浅色 #C5C5D8 */
--color-icon-light: #C5C5D8;

/* 16 带背景-浅色 #81869E */
--color-bgicon-dark: #81869E;

/* 17 带背景-深色 #50526B */
--color-bgicon-light: #50526B;

/* 双色图标 end */

/* 功能色 begin */

--color-primary: #029EF7;

/* 18 信息提示 #029EF7 */
--color-info: var(--color-primary);

/* 19 成功提示 #50CD89 */
--color-success: #50CD89;

/* 20 失败提示 #F1416C */
--color-error: #F1416C;

/* 21 警告提示 #FFC700 */
--color-warning: #FFC700;

/* 功能色 end */

/* 分割线 begin */

/* 8 分割线 #2B2B40 */
--color-divider: #2B2B40;

/* 12 表格分割线 #2B2B40 */
--color-divider-table: #2B2B40;

/* 分割线 end */

/* 标签 begin */

/* 22 主色-深 #029EF7 */
--color-tag-primary: var(--color-primary);

/* 22 主色-浅 #212E48 */
--color-tag-primary-light: #212E48;

/* 23 成功-深 */
--color-tag-success: var(--color-success);

/* 23 成功-浅 #1D3238 */
--color-tag-success-light: #1D3238;

/* 24 错误-深 */
--color-tag-error: var(--color-error);

/* 24 错误-浅 #3A2434 */
--color-tag-error-light:  #3A2434;

/* 25 警告-深 */
--color-tag-warning: var(--color-warning);

/* 25 警告-浅 #392F28 */
--color-tag-warning-light:  #392F28;

/* 标签 end */

/* 按钮 begin */

/* 次要按钮 */
--color-bg-button-secondary:  #D9F1FE;
--color-font-button-secondary:   #029EF7;
--color-bg-button-secondary-mousedown:  #B4E2FC;
--color-font-button-secondary-mousedown:   #029EF7;
--color-bg-button-secondary-hover:  #CDEDFD;
--color-font-button-secondary-hover:   #029EF7;
--color-bg-button-secondary-disabled:  #CDEDFD;
--color-font-button-secondary-disabled: #AFDFFC;


/* 按钮 end */

}
